﻿@using RuoVea.Swms.Server.Language;
@{
    ViewData["Title"] = i18n.page_not_found+" - 404";
    Layout = "_Layout"; // 使用你的实际布局文件
}

<div class="page-container" >
    <el-row justify="center" style="text-align:center;">
        <el-col :span="24" class="text-center">
            <h1 class="error-code">404</h1>
            <h2 class="error-message">{{ errorMessage }}</h2>

            <div v-if="originalPath" class="path-info">
                <p class="text-muted">
                    请求的路径: <code>{{ originalPath }}</code>
                    <span v-if="queryString">?{{ queryString }}</span>
                </p>
            </div>

            <p class="tip-text">您访问的页面可能已被移除、更名或暂时不可用。</p>

            <div class="action-buttons">
                <a asp-controller="Home" asp-action="Index" size="large" class="btn btn-primary">返回首页</a>

                <a size="large" class="btn btn-outline-secondary ml-2" href="javascript:history.go(-1)">返回上一页</a>
            </div>
        </el-col>
    </el-row>
</div>

@section Scripts {
    <script>
        new Vue({
            el: '#app',
            data() {
                return {
                    errorMessage: '页面未找到',
                    originalPath: '/example/path',
                    queryString: 'param=value'
                }
            },
            created() { },
            methods: { }
        });
    </script>

}